<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网站</title>
    <style>
        body{
             background:url(/home/zelin/0907/it_fj/static/images/1.png) no-repeat center center;
             background-size:cover;     /* 让背景图基于容器大小伸缩 */
             background-attachment:fixed;    /* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */
         }
        #register1{
            width:400px;
            height:600px;
            margin:0 auto;
        }
        #register1 hr{
            margin-left:-500px;
            width:1300px;
        }
        #register1 #content span{
            color:white;
        }
        #register1 #content .login1{
            width:160px;
        }

        </style>
</head>
<body>
<div id="register1">
    <div>
        <a href="/login/" target="views_windows">账户登录</a>
        <select class="root" name="pessions">
            <option value="3">管理员</option>
            <option value="2">内部员工</option>
        </select>
    </div>
    <hr/>
    <from action="register_handler" method="POST">
        <div id="content">
            <span>用&nbsp;户&nbsp;名</span>
            <input type="text" class="login1" placeholder="请输入您的用户名" name="username"><br/>
            <span>账&nbsp;号</span>
            &nbsp;&nbsp;&nbsp;  <input type="text" class="login1" placeholder="请输入您的账号名"><br/>
            <span>设置密码</span>
            <input type="password" class="login" placeholder="请输入不少于6位数密码" minlength="6" name="password"><br/>
            <span>确认密码</span>
            <input type="cpwd" class="login" placeholder="请再次输入您的密码" name="cpwd"><br/>
            <span>邮箱地址</span>
            <input type="text" class="login" placeholder="请输入您的邮箱地址" name="email"><br/>
            <span>联系方式</span>
            <input type="text" class="login" placeholder="请输入您的联系方式" name="tel"><br/>
            <span>详细地址</span>
            <input type="text" class="login" placeholder="请输入您的详细地址" name="add"><br/>
            <span>内部授权码</span>
            <input type="text" class="login2" placeholder="请输入您的内部授权码" name="perssions"><br/>
        </div>
        <button class="btn" style="background-color:#FFFF00;" type="submit">注册</button>
    </from>
 <!--<script>-->
        <!--var sel=document.getElementsByClassName("root")[0]; //定义：取root元素-->
        <!--var user=document.getElementsByClassName("ma")[0];  //定义：取ma的值-->
        <!--sel.onchange=function(e){   //定义控制权限码的显示-->
            <!--if (e.target.value==='admin1'){ //定义判断获取的值-->
                <!--user.style.display='block'  //控制显示 display：元素显示的属性（标签以什么方式显示）-->
            <!--}else{-->
                <!--user.style.display='none'   //判断为不显示-->
            <!--}-->
        <!--}-->
        <!--</script>-->
</div>
</body>
</html>